<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>第5篇 技巧型设计模式 - 第30章 节流模式</title>
</head>
<body>
    <!-- 
        节流模式：对重复的业务逻辑进行节流控制，执行最后一次操作并取消其他操作以提高性能。

        屏蔽重复的事情只执行最后一次
     -->

     <!-- 30-4对应html代码 -->
     <div id="icon" class="icon">
         <ul class="icon">
             <li class="weixin"></li>
             <li class="weibo"></li>
         </ul>
         <div class="">
             <img src="img/weixin.png" alt="" class="show">
             <img src="img/weibo.png" alt="" class="show">
             <span class="arrow"><em></em></span>
         </div>
     </div>
</body>
</html>